<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>扒鲜</title>

<meta name="viewport" content="width=400, user-scalable=no"></meta>
<meta name="application-name" content="Baxian">

<!-- Le styles -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet"  />
<script type="text/javascript" src="js/jquery.2.min.js"></script>
<script type="text/javascript" src="js/template.js"></script>
<script type="text/javascript">
$(function(){
	$('#pull-left').click(function(){
		$('.content').toggleClass('m1');
	});
	$('#pull-right').click(function(){
		$('.content').toggleClass('m2');
	});
});
</script>
</head>
<body>
<div class="content">
	<nav>
		<div class="navbar navbar-inverse">
			<div class="navbar-inner">
				<button class="btn pull-left" id="pull-left"><i class="icon-align-justify"></i></button>
				<button class="btn pull-right" id="pull-right"><i class="icon-feedlist"></i></button>
			</div>
		</div>
	</nav>
	<div class="scrollbox">
		<!-- 左栏 begin -->
		<div class="page mi leftcolumn">
			<div class="well well-small bgwhite noborder">
				<div class="input-append nomargin">
					<input type="text" placeholder="请输入要搜索的内容..." name="k" style="width:324px;">
					<button type="submit" class="btn"><i class="icon-search"></i></button>
				</div>
				<ul class="nav nav-pills nav-stacked">
					<li><a href="#">首页</a></li>
					<li><a href="#">我的二手</a></li>
					<li><a href="#">我的收藏</a></li>
					<li><a href="#">设置</a></li>
					<li><a href="#">提醒</a></li>
				</ul>
			</div>
		</div>
		<!-- 左栏 over -->
		<!-- 中栏 begin -->
		<div class="page">
			<div class="well well-small">
				<h4>NEXUS ONE</h4>
				<p>6成新，安装了MIUI，2010年托朋友从美国带回来的。问题是扬声器声音太小。700可小刀</p>
				<p><img src="img/t1.jpg" class="maximg" /></p>
				<div class="clearfix">
					<div class="btn-group feed-append pull-right">
						<button class="btn btn-large"><i class="icon-feedlist"></i> 交流</button>
						<button class="btn btn-large"><i class="icon-shoucang"></i> 收藏</button>
						<button class="btn btn-large"><i class="icon-zhuan"></i> 转()</button>
						<button class="btn btn-large"><i class="icon-zan"></i> 值()</button>
					</div>
				</div>
			</div>
		</div>
		<!-- 右栏 begin -->
		<div class="page mi">
			<div class="well well-small bgwhite noborder">
				<div class="media">
					<a href="#" class="pull-left"><img src="img/t1.jpg" style="width:64px; height:64px;" /></a>
					<div class="media-body">
						<h4><i class="icon-user"></i> 张三</h4>
						<p>你好，我想看看这个...</p>
					</div>
				</div>
				<div class="media">
					<a href="#" class="pull-left"><img src="img/t1.jpg" style="width:64px; height:64px;" /></a>
					<div class="media-body">
						<h4><i class="icon-user"></i> 张三</h4>
						<p>你好，我想看看这个...</p>
					</div>
				</div>
				<div class="media">
					<a href="#" class="pull-left"><img src="img/t1.jpg" style="width:64px; height:64px;" /></a>
					<div class="media-body">
						<h4><i class="icon-user"></i> 张三</h4>
						<p>你好，我想看看这个...</p>
					</div>
				</div>
			</div>
		</div>
		<!-- 右栏 over -->
	</div>
</div>
</body>
</html>
